@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'AmsterdamGraffitiRegular';
    src: url('../fonts/amsterdam-webfont.eot');
    src: url('../fonts/amsterdam-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amsterdam-webfont.woff') format('woff'),
         url('../fonts/amsterdam-webfont.ttf') format('truetype'),
         url('../fonts/amsterdam-webfont.svg#AmsterdamGraffitiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Bauhaus93Regular';
    src: url('../fonts/bauhs93-webfont.eot');
    src: url('../fonts/bauhs93-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauhs93-webfont.woff') format('woff'),
         url('../fonts/bauhs93-webfont.ttf') format('truetype'),
         url('../fonts/bauhs93-webfont.svg#Bauhaus93Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'StylinBRKOriginal';
    src: url('../fonts/stylinbrk-webfont.eot');
    src: url('../fonts/stylinbrk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stylinbrk-webfont.woff') format('woff'),
         url('../fonts/stylinbrk-webfont.ttf') format('truetype'),
         url('../fonts/stylinbrk-webfont.svg#StylinBRKOriginal') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color:#383f44;	
	margin:0px;
	padding:0px;
	background-image:url(../img/template/background2.png);
	background-position:center top;
	background-repeat:repeat-y;
}

#main-container{
	width:742px;
	text-align:center;
	background-image:url(../img/template/background.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#main-banner {
	height:158px;	
}
#main-menu, #sub-menu {
	height:24px;
	width:540px;
	background-image:url(../img/template/topbar.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#main-menu ul li a{
	font-family:'Bauhaus93Regular';
	font-size:20px;
	line-height:22px;
}
#sub-menu ul li a{
	font-family:'AmsterdamGraffitiRegular';
	font-size:20px;
	line-height:22px;
}
#sub-menu ul li ul li a{
	font-family:'AmsterdamGraffitiRegular';
	font-size:20px;
	line-height:20px;
}
#body{
	width:542px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/template/centerbg.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	vertical-align:top;
	padding-left:30px;
	padding-top:10px;
}
#footer {
	width:546px;
	height:116px;
	padding:0px;
	background-image:url(../img/template/bottomC.png);
	margin-left:auto;
	margin-right:auto;
}

/* Navigation */
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
	z-index: 100;
	position: relative;
}
.nav li{
	border:0px;
	width:108px;
	color:#FFF;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	color: #FFF;
	display: block;
	padding: 0 2px;
	text-decoration: none;
}
.nav li a:hover {
	background: #ccc;
	color: #000;
}
#nav-one li:hover a{
	color: #000;
	margin-right:6px;
	margin-left:0px;
	padding:0px;
}
#nav-one li:hover ul a {
	color: #959595;
}
#nav-one li:hover ul a:hover {
	color: #000;
}
.nav ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	left: -1px;
}
.nav li:hover ul {
	top: 22px;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul a {
	height:24px;
	width:104px;
	color:#FFF;
	text-align:center;
	background-image:url(../img/template/topbar.png);
	background-repeat:no-repeat;
	background-position:2px top;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.nav ul a:hover {
	background: #ccc;
	color: #000;
}
img {
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	-webkit-border-image: url(../img/template/imageBorder.png) 2 3 stretch;
}
#bodyContent { max-width: 510px; }

h1 {
	font-family:'Bauhaus93Regular';
	font-size:22px;
	font-weight: normal;
	color:#FFFFFF;
}
h1:after
{
    content: url("http://localhost/echo/img/template/line.png");
	display:block;
	margin-top: 10px;
}
.articleBody{
	font-family:'Arial';
	font-size:10px;
	color:#FFFFFF;
	
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 4px;
	border-left-width: 3px;
	-webkit-border-image: url(../img/template/articleBorder.png) 2 3 4 3 stretch;
}
.articleBody a{
	color:#FFFFFF;
}